<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>订花乐个人资料</title>
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
    <link rel="stylesheet" href="./css/data.min.css" />
  </head>
  <body>
    <div class="container">
      <div class="self-date">
        个人资料
        <div class="save">保存</div>
      </div>
      <!-- 用户头像 -->
      <div class="user-info">
        <div class="user-pic">
          <img src="./images/Detail -img/icon-logo.jpg" alt="" />
        </div>
        <p>点击修改头像</p>
      </div>
      <!-- 用户信息 -->
      <div class="information">
        <!-- 姓名 -->
        <div class="items">
          <div class="items-left">姓名</div>
          <div class="items-right">订花乐用户</div>
        </div>
        <!-- 手机 -->
        <div class="items">
          <div class="items-left">手机</div>
          <div class="items-right">13242998652</div>
        </div>
        <!-- 性别 -->
        <div class="items">
          <div class="items-left">性别</div>
          <div class="items-right">
            <input type="checkbox" name="male"> &nbsp;男
            <input type="checkbox" name="female" checked="checked"> &nbsp;女
            </div>
          </div>
          <!-- 生日 -->
          <div class="items">
            <div class="items-left">生日</div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
